.els-table {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  .et--search {
    margin-bottom: 16px;
    .els-form{
      >.el-form--inline{
        display:grid;
        grid-template-columns:repeat(auto-fill,minmax(60px, 120px));
        // grid-template-rows:auto auto auto;
        // grid-gap:8px;
        grid-row-gap:8px;
        width:100%;
        // justify-content: space-between;
        .el-form-item{
          margin:0;
          grid-column:span 3;
          // margin-right:8px;
          // margin-bottom:8px;
        }
        .search-button{
          min-width:180px;
          grid-column:span 3 / footer-end;
          display:flex;
          justify-content: flex-end;
          // margin-left:8px;
          // grid-column-end: footer-end;
        }
      }
    }
  }
  .et--operate {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 16px;


      >._inline-search{
        display:flex;
        align-items: center;
        .el-form-item{
          margin:0 0 0 8px;
        }
        .search--button{
          margin-left:8px;
          .el-button{
            &:last-child{
              margin-left:8px;
            }
          }
        }
      }

  }
  .et--table {
    flex:1;
    .els-table--col-menus{
      display:flex;
      align-items: center;
    }
  }
  .et--pagination {
    padding-top: 16px;
    >.el-pagination{
      display:flex;
      justify-content: center;
      align-items: center;
      >.el-pager{
        margin:0 2px;
        >li{
          min-width: 0;
          width:28px;
          margin:0 1px;
          padding:0;
        }
      }
      >button{
        display:flex;
        align-items: center;
        justify-content: center;
        padding:0;
        width:28px;
        height:28px;
        min-width:0;
        overflow: hidden;
        >.el-icon{
          width:20px;
        }
      }
    }
  }
}
